<head>
<script type="text/javascript" >
	var $j = jQuery.noConflict();

$j(document).ready(function() {
		jQuery.validator.addMethod(
	  "selectNone",
	  function(value, element) {
	    if (element.value == 0)
	    {
	      return false;
	    }
	    else return true;
	  },
	  "Seleccione Opcion"
	);
	 $j('.botonCalendario').live("click", function(){
		var mical= document.getElementById('campo_fecha');
		//mical.disabled= 'true';
		mical.style.visibility = 'visible';
	 });
    $j('.cargando1').live("click", function(){
	var isvalid = jQuery('#MenuTempAddForm').valid();
		if (isvalid==true)
	{
	var plato= document.getElementById('miplato').value;
	var categoria= document.getElementById('tipo').value;
	  var a=$j("#oculto:hidden").val();
	   a++;
	  $j('.tempProductos1').append('<input type="hidden" "value="'+a+'"/>');
	  $j('.tempProductos1').append('<input type="hidden" name="data[Producto][tipo]['+a+']" value="'+$j('#tipo').val()+'"/>');
	  $j('.tempProductos1').append('<div class="tablero0">'+$j('#tipo option:selected').text()+'</div>');
	  $j('.tempProductos1').append('<input type="hidden" name="data[Producto][id]['+a+']" value="'+$j('#miplato').val()+'"/>');
	   $j('.tempProductos1').append('<div class="tablero3">'+$j('#miplato option:selected').text()+'</div>');
	  $j("#oculto:hidden").val(a);
	document.getElementById('miplato').value= 0;
	document.getElementById('tipo').value= 0;
	  }
    });
	function serializar()
	{
		var serie= document.getElementsByName('plato[]');
		var total='';
		var res = 'a:'+serie.length+':{';
		for(i=0; i<serie.length; i++)
		{
		res += 'i:'+i+';s:'+serie[i].value.length+':"'+serie[i].value+'";';
		}
		res += '}';
		 document.getElementById('otro').value= res;
	}
	$j("#tipo").change(function()
		{
			var comida=document.getElementById('caja');
			serializar();
			var info= $j("#oculto:hidden").val();
			info++;
			comida.style.visibility = 'hidden';
			var val = $j('#tipo').find('option:selected').val();
			$j.post("../comidas/productosCategoria",{id:$j(this).val(),
															registros:info},
					function(data){$j('#miplato').html(data);
						if(data!=null){
						var contenidos=document.getElementById('miplato');
						var miboton= document.getElementById('miboton');
						miboton.style.position= 'inherit';
						comida.style.visibility = 'visible';
						}})
		});

 $j("#MenuTempAddForm").validate({
		rules:
		{
			"data[MenuTemp][fecha]": {
				required: true
			},
			"data[MenuTemp][nombre][]": {
				selectNone: true
			},
			"data[MenuTemp][tipo_id][]": {
				selectNone: true
			}
		},
		messages: {
		  "data[MenuTemp][fecha]": {
            required: "Obligatorio"
         },
         "data[MenuTemp][nombre][]": {
            selectNone: "Obligatorio"
         },
		"data[MenuTemp][tipo_id][]": {
				selectNone: "Obligatorio"
			}
      }
	});
		});

</script>
</head>
<div id="contenido">
    <div id="formulario1">
    <?php
        
        echo $form->create('MenuTemp',array('controller'=>'comidas','action'=>'add','class'=>'formulario1'));   
        $categorias[0]=' Categorias ';
        foreach ($tipos as $tipo){
            $categorias[$tipo ['Tipo']['id']]= $tipo ['Tipo']['nombre'];
        }

         
        echo "<div'>";
        echo $form->input('tipo_id',array('options'=>$categorias,'id'=>'tipo','label'=>'','class'=>'entradatipos2','multiple'=>'false'));
        echo "</div>";
        echo "<div style='width:125px; float:left; padding-right:5px; margin-left:5px; visibility: hidden' id='caja' >";
        echo $form->input('nombre',array('options'=>'','class'=>'entradaplatomenu','id'=>'miplato', 'multiple'=>'false','label'=>''));
        echo "</div>";
        echo $form->input('foto1',array('type'=>'hidden', 'label'=>'', 'value'=>'-1', 'id'=>'otro'));
        echo $form->input('foto1',array('type'=>'hidden', 'label'=>'', 'value'=>'-1', 'id'=>'oculto'));
        echo $form->button('  Cargar  ', array('type'=>'button','class'=> 'cargando1', 'id'=>'miboton'), array('action'=>'add'));
        echo $form->end();
    ?>
    </div>
<div id="separadorprimero" class="separaplato"></div>

<div style="float: none;" id="nuevocontenido">
<?php
    echo $form->create('Comida',array('controller'=>'comidas','action'=>'addi'), array('class'=>''));
    
    echo $form->button('.',array('type'=>'button','class'=> 'botonCalendario', 'id'=>'lanzador'));
    echo $form->input('fecha',array('label'=>'','class'=>'entradacalendar','id'=>'campo_fecha','style'=>'visibility: hidden'));
    echo $form->input('observacion',array('label' => array('text' => '<span class="titulolabel">Comentarios: </span>'),'class'=>'comentmenu'));
?>
</div>
<div id="salvarproducto" class="salvarproducto">
<?php
    echo $html->image('separadorMenu2.jpg', array('alt' => 'Separador', 'class'=>'separaplato1'));
    echo $form->button(' Salvar ',array('type'=>'submit','class'=> 'salvando','onclick'=>"Modalbox.show('comidas/addi', {title: 'Cargar Productos', width: 500, params: Form.serialize('ComidaAddForm'),method: 'post'});return false;"));
    echo $form->end();
?>
</div>

</div>
<script type="text/javascript">
   Calendar.setup({
    inputField     :    "campo_fecha",     // id del campo de texto
     ifFormat     :     "%d/%m/%Y",     // formato de la fecha que se escriba en el campo de texto
     button     :    "lanzador"     // el id del botón que lanzará el calendario
});
</script>



